<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Weba Novare</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
    </h:head>
    <h:body>
        <f:metadata>
            <f:viewParam id="id" name="id" value="#{playedGameBB.id}" />        
        </f:metadata>
        <ui:include src="/template/header.xhtml" />
        <div class="mainContent">
            <div id="playedGame">
                <br />
                <table id="resultTable">
                    <tr><th>WINNER: #{playedGameBB.winner}</th><th>LOSER: #{playedGameBB.loser}</th></tr>
                    <tr>
                        <td>
                            <table style="display: inline-block;">
                                <c:forEach var="word" items="#{playedGameBB.winnerWords}">
                                    <tr>
                                        <td>
                                            #{word}
                                        </td>
                                    </tr>    
                                </c:forEach>
                            </table>
                        </td>
                        <td>
                            <table style="display: inline-block;">
                                <c:forEach var="word" items="#{playedGameBB.loserWords}">
                                    <tr>
                                        <td>
                                            #{word}
                                        </td>
                                    </tr>    
                                </c:forEach>
                            </table>
                        </td>
                    </tr>
                    <tr style="text-align: center;"><td style="border-top: 1px dotted #FF9A00;">#{playedGameBB.winnerPoints}</td><td style="border-top: 1px dotted #FF9A00;">#{playedGameBB.loserPoints}</td></tr>
                </table>
            </div>
        </div>
    </h:body>
</html>
